/* 全局基础样式 */
.flat-page {
	background-color: #f5f7fa;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

.main-content {
	flex: 1;
	padding-bottom: 20rpx;
}

/* 导航栏样式 */
.flat-nav {
	background-color: #2c6ecb;
	padding: 30rpx 20rpx;
	display: flex;
	align-items: center;
	gap: 20rpx;
	position: relative;
	z-index: 10;
	box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.1);
}

.back-icon {
	width: 32rpx;
	height: 32rpx;
	touch-action: manipulation;
}

.nav-title {
	font-size: 32rpx;
	font-weight: 600;
	color: #fff;
	flex: 1;
	text-align: center;
}

/* 区块通用样式 */
.flat-section {
	background: #fff;
	border-radius: 24rpx;
	padding: 24rpx 24rpx;
	margin: 0 24rpx 24rpx 24rpx;
	opacity: 0;
	transform: translateY(20rpx);
	transition: all 0.3s ease-out;
	box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.04);
}

/* 客人信息模块卡片式设计 */
.guest-card-section {
	transition: all 0.3s ease;
}

.guest-card-section:hover {
	box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.08);
}

/* 标题区域样式 */
.title-with-icon {
	display: flex;
	align-items: center;
	gap: 12rpx;
}

.title-icon {
	width: 40rpx;
	height: 40rpx;
	color: #2c6ecb;
}

/* 查看全部按钮样式 */
.view-all-btn {
	display: flex;
	align-items: center;
	gap: 8rpx;
	margin-right: 16rpx;
}

.view-all-text {
	font-size: 28rpx;
	color: #2c6ecb;
	font-weight: 500;
}

.view-all-arrow {
	width: 24rpx;
	height: 24rpx;
	tint-color: #2c6ecb;
}

/* 客人列表双列网格布局 */
.guest-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20rpx;
	margin-top: 16rpx;
}

/* 客人卡片样式 */
.guest-card {
	background: #fff;
	border: 1rpx solid #e8e8e8;
	border-radius: 16rpx;
	padding: 20rpx;
	transition: all 0.2s ease;
}

/* 客人卡片内容布局 */
.guest-content {
	display: flex;
	align-items: center;
	gap: 16rpx;
}

/* 圆形头像样式 */
.guest-avatar {
	width: 65rpx;
	height: 65rpx;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

/* 头像背景色样式 */
.avatar-purple {
	background-color: #f0e6ff;
}

.avatar-pink {
	background-color: #ffe6e6;
}

.avatar-yellow {
	background-color: #fff0e6;
}

.avatar-cyan {
	background-color: #e6f7ff;
}

/* 头像文字样式 */
.avatar-text {
	font-size: 32rpx;
	font-weight: 600;
	color: inherit;
}

/* 头像文字颜色与背景色匹配 */
.avatar-purple .avatar-text {
	color: #9333ea;
}

.avatar-pink .avatar-text {
	color: #e11d48;
}

.avatar-yellow .avatar-text {
	color: #ea580c;
}

.avatar-cyan .avatar-text {
	color: #0369a1;
}

/* 客人信息区域 */
.guest-info {
	flex: 1;
	min-width: 0;
}

/* 客人姓名样式 */
.guest-name {
	display: block;
	font-size: 32rpx;
	font-weight: 600;
	color: #333;
	margin-bottom: 8rpx;
}

/* 客人电话样式 */
.guest-phone {
	display: block;
	font-size: 22rpx;
	color: #999;
}

/* 操作按钮容器 */
.guest-actions {
	display: flex;
	flex-direction: column;
	gap: 12rpx;
	align-items: center;
}

/* 操作图标样式 */

/* 取消团按钮行样式 */
.cancel-group-row {
	justify-content: flex-end;
	padding: 0;
	margin-bottom: 10rpx;
}

/* 取消团按钮容器样式 */
.cancel-group-container {
	text-align: right;
	padding-right: 0;
}

/* 取消团按钮样式 */
.cancel-group-btn {
	background-color: #FF7D00;
	color: #fff;
	border: none;
	 
	border-radius: 6px;
	font-size: 22rpx;
	font-weight: 400;
	box-shadow: 0 2px 6px rgba(0,0,0,0.08);
	transition: all 0.3s ease;
}

.cancel-group-btn:active {
	transform: scale(0.98);
	box-shadow: 0 1px 4px rgba(0,0,0,0.08);
	opacity: 0.9;
}

/* 取消团按钮在禁用状态的样式 */
.cancel-group-btn:disabled {
	background-color: #ccc;
	cursor: not-allowed;
	box-shadow: none;
}
.action-icon {
	width: 35rpx;
	height: 35rpx;
}

/* 编辑图标样式 */
.edit-icon {
	tint-color: #2c6ecb;
}

/* 删除图标样式 */
.delete-icon {
	tint-color: #ff4d4f;
}

.section-enter {
	opacity: 1;
	transform: translateY(0);
}

.base-info {
	transition-delay: 0.1s;
}

/* 顶部卡片样式 */
.group-top-card {
	background-color: #2c6ecb;
	color: #fff;
	margin: 0 24rpx 24rpx 24rpx;
	border-radius: 24rpx;
	padding: 32rpx;
	position: relative;
	transition: all 0.3s ease-out;
	box-shadow: 0 4rpx 16rpx rgba(44, 110, 203, 0.3);
}

.group-card-content {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.group-info-left {
	flex: 1;
	margin-right: 24rpx;
}

.group-name-section {
	margin-bottom: 24rpx;
	/* 增加底部间距 */
}

.group-name {
	font-size: 36rpx;
	font-weight: 600;
	color: #fff;
	margin-bottom: 12rpx;
	/* 增加底部间距 */
	display: block;
}

.group-code {
	font-size: 24rpx;
	color: rgba(255, 255, 255, 0.8);
	display: block;
	line-height: 1.5;
	/* 增加行高 */
}

.group-status-section {
	display: flex;
	align-items: center;
	gap: 16rpx;
	flex-wrap: wrap;
	line-height: 1.6;
	/* 增加行高 */
}

.remaining-quota {
	font-size: 24rpx;
	color: rgba(255, 255, 255, 0.9);
}

.status-badge {
	display: inline-block;
	padding: 4rpx 16rpx;
	border-radius: 12rpx;
	font-size: 22rpx;
	font-weight: 500;
}

.status-recruiting {
	background-color: #ff9900;
	color: #fff;
}

.countdown-section {
	/* 移除背景色 */
	border-radius: 16rpx;
	padding: 16rpx 20rpx;
	min-width: 140rpx;
}

/* 倒计时信息容器 */
.countdown-info {
	background-color: rgba(255, 255, 255, 0.2);
	text-align: center;
	margin-bottom: 16rpx;
	border-radius: 12rpx;
	padding: 16rpx 12rpx;
}

.countdown-label {
	display: block;
	font-size: 22rpx;
	color: rgba(255, 255, 255, 0.9);
	margin-bottom: 8rpx;
}

.countdown-days {
	display: block;
	font-size: 32rpx;
	font-weight: 600;
	color: #fff;
}

/* 倒计时模块内导游信息样式 */
.countdown-section {
	/* 移除背景色 */
	border-radius: 16rpx;
	padding: 16rpx 20rpx;
	min-width: 140rpx;
}

/* 倒计时信息容器 */
.countdown-info {
	background-color: rgba(255, 255, 255, 0.2);
	text-align: center;
	margin-bottom: 16rpx;
	border-radius: 12rpx;
	padding: 16rpx 12rpx;
}

/* 倒计时模块内导游信息样式 */
.countdown-section .guide-info {
	margin-top: 4rpx;
	display: flex;
	align-items: center;
	gap: 8rpx;
	width: 100%;
	flex-wrap: wrap;
	justify-content: center;
	text-align: center;
}

/* 导游标签样式 */
.countdown-section .guide-label {
	font-size: 24rpx;
	color: #ffffff;
	opacity: 0.9;
	font-weight: 500;
}

/* 导游值样式 */
.countdown-section .guide-value {
	font-size: 24rpx;
	color: #ffffff;
	opacity: 0.9;
	font-weight: 400;
	word-break: break-word;
	text-align: center;
	flex-shrink: 0;
}

/* 编辑图标样式 */
.countdown-section .icon-edit {
	font-size: 24rpx;
	color: #ffffff;
	opacity: 0.8;
	touch-action: manipulation;
	padding: 6rpx;
	border-radius: 50%;
	flex-shrink: 0;
}

.countdown-section .icon-edit:active {
	background-color: rgba(255, 255, 255, 0.2);
	opacity: 1;
}

/* 基础信息区域样式 */
.basic-info {
	margin-top: 24rpx;
}

/* 信息行样式 */
.info-row {
	display: flex;
	align-items: center;
	margin-bottom: 16rpx;
	gap: 8rpx;
}

.info-row:last-child {
	margin-bottom: 0;
}

/* 标签样式 */
.info-label {
	font-size: 24rpx;
	color: rgba(255, 255, 255, 0.9);
	font-weight: 500;
	min-width: 60rpx;
}

/* 值样式 */
.info-value {
	font-size: 24rpx;
	color: #fff;
	flex: 1;
	word-break: break-all;
}

/* 编辑图标样式 */
.icon-edit {
	font-size: 24rpx;
	color: rgba(255, 255, 255, 0.8);
	touch-action: manipulation;
	padding: 8rpx;
}

.icon-edit:active {
	opacity: 0.7;
}

.group-top-card .edit-status-icon {
	padding: 6rpx;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.2);
}

.group-top-card .edit-status-icon:active {
	background-color: rgba(255, 255, 255, 0.3);
}

.group-top-card .edit-status-icon .icon {
	font-size: 24rpx;
	color: #fff;
}

.order-list {
	transition-delay: 0.2s;
}

.guest-list {
	transition-delay: 0.3s;
}

.section-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20rpx;
	touch-action: manipulation;
	padding-bottom: 12rpx;
	border-bottom: 1rpx solid #f0f0f0;
}

.section-actions {
	display: flex;
	align-items: center;
	gap: 24rpx;
}

.flat-title {
	font-size: 30rpx;
	font-weight: 600;
	color: #333;
	flex: 1;
	margin-right: 16rpx;
}

/* 折叠图标 */
.collapse-icon {
	width: 30rpx;
	height: 30rpx;
	transition: transform 0.3s ease;
}

.collapse-icon.rotate {
	transform: rotate(180deg);
}

/* 折叠内容区域 */
.collapse-content {
	transition: all 0.3s ease;
	overflow: hidden;
}

/* 按钮通用样式 */
.btn,
.view-guests-btn,
.back-btn,
.action-btn {
	font-size: 26rpx;
	padding: 16rpx 32rpx;
	border-radius: 8rpx;
	border: none;
	height: auto;
	line-height: normal;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.2s ease;
	min-width: 120rpx;
}

.add-btn {
	background-color: transparent !important;
	color: #1890ff !important;
	display: flex;
	align-items: center;
	padding: 4rpx 0;
	line-height: 1.4;
	border: none;
	border-radius: 0;
	font-weight: 500;
	transition: all 0.2s ease;
}

.add-text {
	font-size: 28rpx;
	color: #1890ff;
	font-weight: bold;
}

.add-btn:active {
	opacity: 0.7;
}

.delete-btn {
	background-color: #f53f3f;
	color: #fff;
}

.delete-btn:hover {
	background-color: #ff5757;
}

/* 查看出行人按钮 */
.view-guests-btn {
	background-color: #f0f2f5;
	color: #2c6ecb;
	white-space: nowrap;
}

/* 返回所有订单按钮 */
.back-to-all {
	padding: 15rpx 0;
}

.back-btn {
	background-color: #f0f2f5;
	color: #4e5969;
}

/* 基础信息网格样式 */
.flat-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20rpx;
}

/* 优化网格布局 */
.optimized-grid {
	gap: 20rpx;
}

.optimized-info-item {
	padding: 16rpx;
	border-radius: 12rpx;
	transition: all 0.2s ease;
}

.optimized-info-item:active {
	background-color: #e9ecef;
	transform: scale(0.98);
}

.flat-info-item {
	display: flex;
	flex-direction: column;
	gap: 8rpx;
}

.item-label {
	font-size: 24rpx;
	color: #666;
	font-weight: 500;
	line-height: 1.4;
}

.item-value {
	font-size: 22rpx;
	color: #333;
	word-break: break-all;
	line-height: 1.4;
	font-weight: 500;
	white-space: pre-line;
	/* 允许换行符生效 */
}

.loading-state {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 60rpx 0;
	color: #8c8c8c;
	font-size: 28rpx;
}

.empty-state {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 60rpx 0;
	color: #8c8c8c;
	font-size: 28rpx;
}

.status-badge {
	padding: 4rpx 16rpx;
	border-radius: 12rpx;
	font-size: 24rpx;
}

.status-recruiting {
	background-color: #fff7e6;
	color: #fa8c16;
}

.status-formed {
	background-color: #e6f7ff;
	color: #1890ff;
}

.status-started {
	background-color: #f6ffed;
	color: #52c41a;
}

.status-completed {
	background-color: #f5f5f5;
	color: #8c8c8c;
}

.status-canceled {
	background-color: #fff1f0;
	color: #ff4d4f;
}

/* 列表项通用样式 */
.flat-list-item {
	padding: 28rpx;
	border-radius: 16rpx;
	margin-bottom: 24rpx;
	background-color: #fff;
	transition: all 0.2s ease;
	box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.04);
	border: 1rpx solid #f0f0f0;
}

.flat-list-item:last-child {
	margin-bottom: 0;
}

.item-hover {
	background-color: #fafafa;
	transform: translateY(-2rpx);
	box-shadow: 0 6rpx 16rpx rgba(0, 0, 0, 0.06);
}

/* 订单卡片样式 */
.order-card {
	display: flex;
	flex-direction: column;
	gap: 16rpx;
	position: relative;
}

/* 图片区域样式 */
.order-image-container {
	position: relative;
	width: 100%;
	height: 200rpx;
	overflow: hidden;
	border-radius: 12rpx;
}

.order-image {
	width: 100%;
	height: 100%;
}

/* 订单状态标签样式 */
.order-status-badge {
	position: absolute;
	top: 16rpx;
	right: 16rpx;
	font-size: 24rpx;
	padding: 6rpx 16rpx;
	border-radius: 16rpx;
	font-weight: 500;
	background: rgba(255, 255, 255, 0.9);
}

/* 订单信息容器 */
.order-info-container {
	display: flex;
	flex-direction: column;
	gap: 12rpx;
}

/* 主要信息 */
.order-main-info {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 12rpx;
}

.order-no {
	font-size: 28rpx;
	color: #1d2129;
	font-weight: 500;
	flex: 1;
}

.order-amount {
	font-size: 32rpx;
	color: #f53f3f;
	font-weight: 600;
}

/* 订单时间 */
.order-time {
	font-size: 26rpx;
	color: #86909c;
}

/* 出行人数样式 */
.order-people-count {
	display: flex;
	gap: 16rpx;
	flex-wrap: wrap;
}

/* 出行人标签样式 */
.people-tag {
	padding: 4rpx 16rpx;
	border-radius: 12rpx;
	font-size: 24rpx;
	background-color: #f0f2f5;
	color: #4e5969;
	font-weight: 500;
}

/* 联系电话样式 */
.contact-phone {
	font-size: 26rpx;
	color: #4e5969;
	text-decoration: underline;
}

/* 编辑图标样式 */
.edit-status-icon {
	position: absolute;
	top: 16rpx;
	left: 16rpx;
	padding: 8rpx;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.9);
	display: flex;
	align-items: center;
	justify-content: center;
	touch-action: manipulation;
	transition: all 0.2s ease;
	z-index: 10;
}

.edit-status-icon:active {
	background-color: rgba(255, 255, 255, 0.7);
	transform: scale(0.95);
}

.edit-status-icon .icon {
	font-size: 24rpx;
	color: #4e5969;
}

/* 订单状态颜色样式 */
.order-paid {
	background: rgba(240, 253, 244, 0.95) !important;
	color: #52c41a;
}

.order-unpaid {
	background: rgba(255, 242, 240, 0.95) !important;
	color: #f53f3f;
}

.order-canceled {
	background: rgba(242, 243, 245, 0.95) !important;
	color: #86909c;
}

/* 为订单和客人列表项添加统一的容器样式 */
.order-item {
	position: relative;
	padding: 24rpx;
}

/* 订单项顶部信息区布局 */
.order-header {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 16rpx;
}

/* 左侧订单信息区域 */
.order-header .order-no {
	font-size: 28rpx;
	font-weight: 600;
	color: #1d2129;
	flex: 1;
	margin-right: 16rpx;
}

/* 右侧状态和操作区域 */
.order-status-container {
	display: flex;
	align-items: center;
	gap: 12rpx;
	flex-shrink: 0;
}

/* 内联操作图标样式 */
.inline-actions {
  display: flex;
  gap: 16rpx;
  margin-top: 8rpx;
}

/* 操作图标统一样式 */
.inline-actions .action-icon {
  width: 35rpx;
  height: 35rpx;
  font-size: 35rpx;
  cursor: pointer;
  transition: transform 0.2s ease;
}

.inline-actions .action-icon:active {
  transform: scale(0.9);
}

/* 订单状态样式 */
.order-status {
	padding: 6rpx 16rpx;
	border-radius: 16rpx;
	font-size: 22rpx;
	font-weight: 500;
	white-space: nowrap;
}

/* 订单金额和时间信息样式 */
.order-body {
	margin-bottom: 20rpx;
}

.order-info {
	display: block;
	margin-bottom: 8rpx;
	font-size: 24rpx;
	color: #86909c;
	line-height: 1.5;
}

.order-info:first-child {
	color: #f53f3f;
	font-weight: 500;
	font-size: 26rpx;
}

.people-label {
	color: #2c6ecb;
}

/* 底部标签区样式 */
.order-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 12rpx;
	margin-top: 16rpx;
	padding-top: 16rpx;
	border-top: 1rpx solid #f0f0f0;
}

/* 彩色小标签基础样式 */
.tag-item {
	padding: 6rpx 18rpx;
	border-radius: 16rpx;
	font-size: 24rpx;
	font-weight: 500;
	white-space: nowrap;
	display: flex;
	align-items: center;
	gap: 6rpx;
}

/* 成人标签样式 - 蓝色系 */
.tag-adult {
	background-color: #e6f7ff;
	color: #1890ff;
}

/* 儿童标签样式 - 橙色系 */
.tag-child {
	background-color: #fff7e6;
	color: #fa8c16;
}

/* 老人标签样式 - 紫色系 */
.tag-senior {
	background-color: #f9f0ff;
	color: #722ed1;
}

/* 标签图标样式 */
.tag-icon {
	font-size: 20rpx;
}





/* 客人列表样式 */
/* 客人项操作按钮样式 */
.guest-item .action-buttons {
  display: flex;
  gap: 16rpx;
  margin-top: 16rpx;
}

.guest-item .action-item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8rpx 16rpx;
  border-radius: 8rpx;
  cursor: pointer;
  transition: all 0.2s ease;
}

.guest-item .action-item:active {
  opacity: 0.8;
}

.guest-item .edit-item {
  background-color: #e6f7ff;
  color: #1890ff;
}

.guest-item .delete-item {
  background-color: #fff1f0;
  color: #ff4d4f;
}

.guest-item .action-icon {
  font-size: 28rpx;
  margin-right: 4rpx;
}

.guest-item .action-text {
  font-size: 24rpx;
}
.guest-item {
	display: flex;
	flex-direction: column;
	gap: 20rpx;
}

.guest-main {
	display: flex;
	flex-direction: column;
	gap: 10rpx;
	padding-bottom: 16rpx;
	border-bottom: 1rpx dashed #f0f0f0;
}

.guest-name {
	font-size: 28rpx;
	color: #1d2129;
	font-weight: 600;
}

.guest-id,
.guest-phone,
.guest-room,
.guest-order {
	font-size: 22rpx;
	color: #4e5969;
	line-height: 1.4;
}

.guest-phone {
	color: #1890ff;
	font-weight: 500;
}

.guest-order {
	font-size: 24rpx;
	color: #86909c;
}

/* 空状态样式 */
.flat-empty {
	padding: 80rpx 0;
	text-align: center;
}

.empty-text {
	font-size: 26rpx;
	color: #86909c;
}

/* 底部留白 */
.bottom-space {
	height: 60rpx;
}

/* 底部抽屉样式 */
.flat-drawer {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
	border-top-left-radius: 30rpx;
	border-top-right-radius: 30rpx;
	transform: translateY(100%);
	transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	z-index: 110;
	/* 提高z-index确保在遮罩层之上 */
}

.flat-drawer.show {
	transform: translateY(0);
}

.flat-drawer-header {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	padding: 16rpx 24rpx;
	border-bottom: 1rpx solid #f2f2f2;
}

.drawer-title {
	font-size: 32rpx;
	font-weight: 600;
	color: #1d2129;
}

.drawer-close {
	width: 36rpx;
	height: 36rpx;
	position: absolute;
	right: 24rpx;
}

.flat-drawer-body {
	padding: 20rpx 24rpx;
	max-height: 400rpx;
	overflow-y: auto;
}

.flat-drawer-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 24rpx 10rpx;
	border-bottom: 1rpx solid #f2f2f2;
	font-size: 28rpx;
	color: #1d2129;
}

.flat-drawer-item.active {
	color: #2c6ecb;
}

.item-check {
	width: 36rpx;
	height: 36rpx;
}

.flat-drawer-footer {
	padding: 20rpx 24rpx;
	border-top: 1rpx solid #f2f2f2;
}

.drawer-btn {
	width: 100%;
	height: 90rpx;
	line-height: 90rpx;
	font-size: 28rpx;
	border-radius: 16rpx;
	padding: 0;
	border: none;
}

.confirm-btn {
	background-color: #2c6ecb;
	color: #fff;
}

/* 抽屉遮罩层样式 */
.drawer-mask {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s ease;
	z-index: 90;
}

.drawer-mask.show {
	opacity: 1;
	pointer-events: auto;
}

/* 全局遮罩层样式 */
.flat-mask {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s ease;
	z-index: 90;
}

.flat-mask.show {
	opacity: 1;
	pointer-events: auto;
}

/* 车辆抽屉样式 */
.vehicle-content {
	flex: 1;
	padding-right: 40rpx;
}

.vehicle-main-info {
	margin-bottom: 12rpx;
}

.vehicle-title {
	font-size: 28rpx;
	color: #1d2129;
	font-weight: 500;
}

.vehicle-info-details {
	display: flex;
	flex-direction: column;
	gap: 8rpx;
}

.vehicle-detail-item {
	font-size: 24rpx;
	color: #666;
	line-height: 1.4;
}

.detail-label {
	color: #86909c;
	margin-right: 8rpx;
}

.detail-value {
	color: #4e5969;
}

/* 选中标记样式 */
.item-selected {
	width: 36rpx;
	height: 36rpx;
}

/* 空结果样式 */
.no-result {
	padding: 60rpx 0;
	text-align: center;
	color: #86909c;
	font-size: 26rpx;
}

/* 抽屉搜索框样式 */
.drawer-search {
	padding: 20rpx 24rpx;
}

.search-input {
	width: 100%;
	height: 70rpx;
	background-color: #f5f7fa;
	border-radius: 12rpx;
	padding: 0 30rpx;
	font-size: 26rpx;
	box-sizing: border-box;
}

/* 项目名称样式 */
.item-name {
	font-size: 28rpx;
	color: #1d2129;
	flex: 1;
}
 
/* 响应式调整 */
@media (max-width: 320px) {
	.flat-grid {
		grid-template-columns: 1fr;
	}

	.guest-item,
	.order-people-count {
		flex-direction: column;
		align-items: flex-start;
		gap: 16rpx;
	}

	.guest-extra,
	.order-people-count {
		align-items: flex-start;
		width: 100%;
	}

	.order-actions {
		width: 100%;
		justify-content: flex-end;
		margin-top: 10rpx;
	}
}

/* 抽屉样式 */
	.drawer-mask {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(0, 0, 0, 0.5);
		display: flex;
		align-items: flex-end;
		justify-content: center;
		z-index: 100;
	}

/* 订单操作说明弹窗样式 */
.help-modal {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 9999;
}

/* 弹窗背景遮罩 */
.help-modal-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);
}

/* 弹窗主体内容 */
.help-modal-content {
	position: relative;
	width: 85%;
	max-width: 600rpx;
	background-color: #fff;
	border-radius: 24rpx;
	overflow: hidden;
	box-shadow: 0 4rpx 24rpx rgba(0, 0, 0, 0.15);
}

/* 弹窗头部 */
.help-modal-header {
	padding: 32rpx 40rpx;
	text-align: center;
	border-bottom: 1rpx solid #f0f0f0;
}

/* 弹窗标题 */
.help-modal-title {
	font-size: 32rpx;
	font-weight: 600;
	color: #333;
}

/* 弹窗内容区域 */
.help-modal-body {
	padding: 40rpx;
}

/* 说明项样式 */
.help-item {
	display: flex;
	align-items: flex-start;
	background-color: #f8f8f8;
	border-radius: 16rpx;
	padding: 24rpx;
	margin-bottom: 24rpx;
	transition: all 0.2s ease;
}

/* 最后一个说明项移除底部间距 */
.help-item:last-child {
	margin-bottom: 0;
}

/* 图标容器 */
.help-icon {
	width: 80rpx;
	height: 80rpx;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	margin-right: 24rpx;
}

/* 蓝色图标背景 */
.blue-bg {
	background-color: #e6f7ff;
}

/* 橙色图标背景 */
.orange-bg {
	background-color: #fff7e6;
}

/* 红色图标背景 */
.red-bg {
	background-color: #fff1f0;
}

/* 图标样式 */
.help-icon image {
	width: 48rpx;
	height: 48rpx;
}

/* 文字说明区域 */
.help-text {
	flex: 1;
}

/* 操作名称 */
.help-title {
	font-size: 28rpx;
	font-weight: 600;
	color: #333;
	margin-bottom: 8rpx;
	display: block;
}

/* 功能解释 */
.help-desc {
	font-size: 24rpx;
	color: #999;
	line-height: 1.5;
}

/* 弹窗底部 */
.help-modal-footer {
	padding: 0 40rpx 40rpx;
	display: flex;
	justify-content: center;
}

/* 确认按钮 */
.help-confirm-btn {
	width: 280rpx;
	height: 88rpx;
	background-color: #1890ff;
	color: #fff;
	border: none;
	border-radius: 44rpx;
	font-size: 28rpx;
	font-weight: 600;
	line-height: 88rpx;
	text-align: center;
	padding: 0;
}

/* 确认按钮激活状态 */
.help-confirm-btn:active {
	background-color: #40a9ff;
	opacity: 0.9;
}

	.drawer-container {
		width: 100%;
		max-height: 80vh;
		background-color: #fff;
		border-top-left-radius: 20rpx;
		border-top-right-radius: 20rpx;
		overflow: hidden;
	}

	.drawer-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 30rpx;
		border-bottom: 1rpx solid #eee;
	}

	.drawer-title {
		font-size: 36rpx;
		font-weight: bold;
	}

	.drawer-close {
		font-size: 60rpx;
		color: #999;
		line-height: 1;
	}

	.drawer-content {
		padding: 30rpx;
		max-height: 60vh;
		overflow-y: auto;
	}

	.search-box {
		display: flex;
		align-items: center;
		background-color: #f5f5f5;
		border-radius: 8rpx;
		padding: 16rpx 20rpx;
		margin-bottom: 30rpx;
	}

	.search-box .iconfont {
		margin-right: 16rpx;
		color: #999;
	}

	.search-box input {
		flex: 1;
		font-size: 28rpx;
		background-color: transparent;
	}

	.list-container {
		max-height: 40vh;
		overflow-y: auto;
	}

	.list-item {
		padding: 24rpx 0;
		border-bottom: 1rpx solid #eee;
	}

	.list-item:active {
		background-color: #f5f5f5;
	}

	.item-text {
		font-size: 28rpx;
		display: block;
	}

	.item-subtext {
		font-size: 24rpx;
		color: #999;
		margin-top: 8rpx;
		display: block;
	}

	.empty-tip {
		text-align: center;
		padding: 60rpx 0;
		color: #999;
		font-size: 28rpx;
	}

	.status-list {
		margin-bottom: 40rpx;
	}

	.status-item {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 24rpx 0;
		border-bottom: 1rpx solid #eee;
	}

	.status-item.selected .status-text {
		color: #07c160;
	}

	.status-select {
		width: 32rpx;
		height: 32rpx;
		border-radius: 50%;
		background-color: #07c160;
		position: relative;
	}

	.status-select::after {
		content: '';
		position: absolute;
		left: 8rpx;
		top: 5rpx;
		width: 12rpx;
		height: 20rpx;
		border-right: 4rpx solid #fff;
		border-bottom: 4rpx solid #fff;
		transform: rotate(45deg);
	}

	.confirm-btn {
		background-color: #07c160;
		color: #fff;
		text-align: center;
		padding: 28rpx;
		border-radius: 8rpx;
		font-size: 32rpx;
		font-weight: bold;
	}